﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EventPage.aspx.cs" Inherits="Skecthial.UI.Pages.EventPage" %>

<%@ Register Src="~/Controls/DragAndDrop.ascx" TagName="DND" TagPrefix="same" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta name="author" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, user-scalable=no" />
    <!-- "position: fixed" fix for Android 2.2+ -->
    <link rel="stylesheet" href="../assets/CSS/style.css" type="text/css" media="screen" />
    <!--<link rel="stylesheet" href="../assets/CSS/StyleSheet.css" type="text/css" media="screen" />-->
    <script type="text/javascript" src="../assets/JS/Accordion.js"></script>
    <script type="text/javascript" src="../assets/JS/header.js"></script>
    <script type="text/javascript" src="../assets/JS/redips-drag-min.js"></script>
    <script type="text/javascript" src="script.js"></script>
    <link rel="stylesheet" href="../assets/datepicker/css/datepicker.css" type="text/css" />
    <link rel="stylesheet" media="screen" type="text/css" href="../assets/datepicker/css/layout.css" />
    <script type="text/javascript" src="../assets/datepicker/js/jquery.js"></script>
    <script type="text/javascript" src="../assets/datepicker/js/datepicker.js"></script>
    <script type="text/javascript" src="../assets/datepicker/js/eye.js"></script>
    <script type="text/javascript" src="../assets/datepicker/js/utils.js"></script>
    <script type="text/javascript" src="../assets/datepicker/js/layout.js?ver=1.0.2"></script>
    <title>fast event window</title>
    <style type="text/css">
        body {
            background-color: #ffffff;
        }

        .btnadd {
            -moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
            -webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
            box-shadow: inset 0px 0px 0px 0px #ffffff;
            background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
            background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
            /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7C987', endColorstr='#dfdfdf');*/
            background-color: #ededed;
            -moz-border-radius: 9px;
            -webkit-border-radius: 9px;
            border-radius: 9px;
            border: 3px solid #b3afb3;
            display: inline-block;
            color: #777777;
            font-family: Arial Black;
            font-size: 13px;
            font-weight: bold;
            padding: 13px 34px;
            text-decoration: none;
            text-shadow: 1px 1px 0px #ffffff;
        }

            .btnadd:hover {
                background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
                background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
                /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');*/
                background-color: #F7C987;
            }

            .btnadd:active {
                position: relative;
                top: 1px;
            }
        /* This imageless css button was generated by CSSButtonGenerator.com */
    </style>
        <style type="text/css">
        ul {
            list-style: none;
            padding: 0;
        }

        #menu14 {
            /*width: 290px;
            margin: 5px;*/
        }

            #menu14 li a {
                height: 32px;
                voice-family: "\"}\"";
                voice-family: inherit;
                height: 24px;
                text-decoration: none;
                border-bottom: 1px solid #ccc;
            }

                #menu14 li a:link, #menu14 li a:visited {
                    color: #333;
                    display: block;
                    padding: 8px 0 0 10px;
                    background-image: url(./assets/images/menu14_on.gif);
                }

                #menu14 li a:hover {
                    color: #303030;
                    background-image: url(./assets/images/menu14.gif);
                    padding: 8px 0 0 10px;
                }
    </style>
    <style type="text/css">
        .btnDate {
            -moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
            -webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
            box-shadow: inset 0px 0px 0px 0px #ffffff;
            background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
            background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
            /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7C987', endColorstr='##F7C987');*/
            background-color: #ededed;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            border: 2px solid #b3afb3;
            display: inline-block;
            color: #777777;
            font-family: Arial Black;
            font-size: 9px;
            font-weight: bold;
            padding: 5px 7px;
            text-decoration: none;
            text-shadow: 1px 1px 0px #ffffff;
            margin-top: 3px;
        }

            .btnDate:hover {
                background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
                background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
                /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');*/
                background-color: #dfdfdf;
            }

            .btnDate:active {
                position: relative;
                top: 1px;
            }
        /* This imageless css button was generated by CSSButtonGenerator.com */
    </style>
</head>
<body onload="REDIPS.drag.init()">
    <same:DND ID="MyDND" runat="server" />
</body>
</html>
<script type="text/javascript">
    function dateChange(formated) {
        debugger;
        var date = $('#inputDate').val();
        var day = date.split('/')[1];
        var month = date.split('/')[0];
        var year = date.split('/')[2];
        $('#dtDay').html(day);
        $('#dtMonth').html(month);
        $('#dtYear').html(year);
    }


    $('#inputDate').DatePicker({
        format: 'm/d/Y',
        date: $('#inputDate').val(),
        current: $('#inputDate').val(),
        starts: 1,
        position: 'r',
        onBeforeShow: function () {
            $('#inputDate').DatePickerSetDate($('#inputDate').val(), true);
        },
        onChange: function (formated, dates) {
            alert(formated);
            dateChange(formated);
            $('#inputDate').val(formated);
            $('#inputDate').DatePickerHide();
        }
    }
	);
</script>
